<table width = "100%" border = "1" align = "center">
  <tr>
    <td align = "left" valign = "top" width = "60%">
      <table width = "100%">
        <tr>
          Category: <strong><%= h(@category.name)%></strong>
        </tr>
        <tr>
          <td width = "100%">
            <% form_remote_tag(:url => {:controller => "category", :action => "filter_sideffects", :id => @category.id}, :update => "category_sideffects", :complete => "$('sideffect_detail').innerHTML = '<br /><br /><br /><strong>Click Side Effect to Show Detail</strong>'") do %>
              Sex: <%= select_tag(:sex, options_for_select({"Female" => "F", "Male" => "M", "All" => "All"}, "All")) %>
              Age: <%= select_tag(:age, options_for_select({"< 18" => "18", "18 - 45" => "45", "45 - 60" => "60", "60 +" => "inf", "All" => "All"}, "All")) %>
              Time Taken:<%= select_tag(:time_taken, options_for_select({"< 1 week" => "week", "1 week - 1 month" => "month", "1 month - 3 months" => "season", "3 months - 6 months" => "half_year", "6 months - 1 year" => "year", "1 year +" => "inf", "All" => "All"}, "All")) %>
              <%= submit_tag("Filter") %>
            <% end %>
          </td>
        </tr>
        <tr>
          <td width = "100%" aligh = "left">
            <div id = "category_sideffects">
              <%= render :partial => "category_sideffects"%>
            </div>
          </td>
        </tr>
      </table>
    </td>
    <td align = "left" valign = "top">
      <div id = "sideffect_detail">
        <%= render :partial => "sideffect_detail" %>
      </div>
    </td>
  </tr>
</table>